<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

	
	<h:head>
	<title> Distribuidora Frutos del Campo </title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
	<meta charset="utf-8"></meta>
	<link rel="stylesheet" type="text/css" media="screen" href="../css/hojaDeEstilos.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="../css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="../css/bootstrap-responsive.css" />
	
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"
		lang="text/javascript"></script>
 	 <script src="js/bootstrap.min.js"></script>
</h:head>
	<h:body>
	<!-- Menu -->
			<p:menubar autoDisplay="false">
				
				<p:submenu label="Usuario" >
					<p:submenu label="Administrador" >
						<p:menuitem value="Registrar" url="vistasAdministrador/registrarAdministrador.xhtml" />
						<p:menuitem value="Buscar" url="vistasAdministrador/buscarAdministrador.xhtml" />
					</p:submenu>
					<p:submenu label="Gerente" >
						<p:menuitem value="Registrar" url="vistasGerente/registrarGerente.xhtml" />
						<p:menuitem value="Buscar" url="vistasGerente/buscarGerente.xhtml" />
					</p:submenu>
					<p:submenu label="Empleado" >
						<p:menuitem value="Registrar" url="vistasEmpleado/registrarEmpleado.xhtml" />
						<p:menuitem value="Buscar" url="vistasEmpleado/buscarEmpleado.xhtml" />
					</p:submenu>
				</p:submenu>
				
				<p:submenu label="Persona" >
					<p:submenu label="Vendedor" >
						<p:menuitem value="Registrar" url="vistasVendedor/registrarVendedor.xhtml" />
						<p:menuitem value="Buscar" url="vistasVendedor/buscarVendedor.xhtml" />
					</p:submenu>
					<p:submenu label="Cliente" >
						<p:menuitem value="Registrar" url="#" />
						<p:menuitem value="Buscar" url="#" />
					</p:submenu>
					<p:submenu label="Proveedor" >
						<p:menuitem value="Registrar" url="vistasProveedor/registrarProveedor.xhtml" />
						<p:menuitem value="Buscar" url="vistasProveedor/buscarProveedor.xhtml" />
					</p:submenu>
				</p:submenu>
	
				<p:submenu label="Producto" >
						<p:menuitem value="Registrar" url="vistasProducto/registrarProducto.xhtml" />
						<p:menuitem value="Buscar" url="vistasProducto/buscarProducto.xhtml" />
				</p:submenu>
	
			<p:submenu label="Configuracion">
					<p:menuitem value="Agregar datos" url="vistasConfiguracion/configuracion.xhtml" />
			</p:submenu>
		</p:menubar>
	<BR/>
	<div class="container">
	<!-- Panel de Busqueda -->
	<div class="row-fluid" align="center">
			<div class="span12" align="left">
			<p:panel id="buscar" header="Buscar Cliente">
			<h:form id="form" >
				<h:panelGrid id="panelBusqueda" columns="6" cellpadding="5">
	
				<h:outputLabel for="codigo" value="Codigo: " />
				<p:inputText value="#{ClienteBean.codigo}" id="codigo" label="Codigo" />
				
				<h:outputLabel for="apellido" value="Apellido: " />
				<p:inputText value="#{ClienteBean.apellido}" id="apellido" label="Apellido" />

				
				<h:outputLabel for="nombre" value="Nombre: " />
				<p:inputText value="#{ClienteBean.nombre}" id="nombre" label="Nombre" />

	
				<h:outputLabel for="cuit" value="Cuit: " />
				<p:inputText value="#{buscarClienteBean.cuit}" id="cuit" label="Cuit" />

				
				<h:outputLabel for="razonSocial" value="Razon Social: " />
				<p:inputText value="#{ClienteBean.razonSocial}" id="razonSocial" label="razonSocial" />

				
				<h:outputLabel for="estado" value="Estado: " />
				<p:inputText value="#{ClienteBean.estado}" id="estado" label="estado" />

				
				</h:panelGrid>

				<p:commandButton id="buscarButton" value="Buscar"
				action="#{buscarEmpleadoBean.buscarEmpleado}" update="panelBusqueda" />
			</h:form>
			</p:panel>
		</div>
	</div>
	
	
	<!-- Panel de Resultados -->
	<div class="row-fluid">
			<div class="span12">
				<p:panel id="tabla" header="Clientes">
				    <p:dataTable var="cli" value="#{ClienteBean.clientes}" scrollable="true" scrollWidth="400" scrollHeight="150" id="dataTable3">  
				  
				        <p:column headerText="Codigo">  
				            <h:outputText value="#{cli.codigo}"/>  
				        </p:column>  
				  
				        <p:column headerText="Apellido">  
				            <h:outputText value="#{cli.apellido}"/>  
				        </p:column>  
				  
				        <p:column headerText="Nombre" >  
				            <h:outputText value="#{cli.nombre}"/>  
				        </p:column>  
				  
				        <p:column headerText="cuit" >  
				            <h:outputText value="#{cli.cuit}"/>  
				        </p:column>  
				        
				         <p:column headerText="Razon Social">  
				            <h:outputText value="#{cli.razonSocial}" />  
				        </p:column>  
				        
				         <p:column headerText="Estado">  
				            <h:outputText value="#{cli.estado}" />  
				        </p:column>  
				    </p:dataTable> 
				</p:panel>
			</div>
	</div>
	<!-- Panel de Edicion -->
	<div class="row-fluid">
			<div class="span12">
				<p:panel id="editar" header="Datos del Cliente">
					<h:form>

						<h:panelGrid columns="3" cellpadding="5">
							<h:outputLabel for="codigo" value="Codigo: " />
							<p:inputText value="#{ClienteBean.codigo}" id="codigo"
								label="Codigo" />
							<p:message for="codigo" />
							
							<h:outputLabel for="apellido" value="Apellido: " />
							<p:inputText value="#{ClienteBean.apellido}" id="apellido"
								label="Apellido" />
							<p:message for="apellido" />

							<h:outputLabel for="nombre" value="Nombre: " />
							<p:inputText value="#{ClienteBean.nombre}" id="nombre"
								label="Nombre" />
							<p:message for="nombre" />

							<h:outputLabel for="cuit" value="Cuit: " />
							<p:inputText value="#{buscarClienteBean.cuit}" id="cuit"
								label="Cuit" />
							<p:message for="cuit" />

							<h:outputLabel for="razonSocial" value="Razon Social: " />
							<p:inputText value="#{ClienteBean.razonSocial}" id="razonSocial"
								label="razonSocial" />
							<p:message for="razonSocial" />

							<h:outputLabel for="estado" value="Estado: " />
							<p:inputText value="#{ClienteBean.estado}" id="estado"
								label="estado" />
							<p:message for="estado" />
						</h:panelGrid>
						<p:commandButton id="botonSalvar" value="Salvar"
							action="#{ClienteBean.crearOActualizarCliente}" update="botonSalvar" />
						<p:commandButton id="botonEliminar" value="Eliminar"
							action="#{ClienteBean.eliminarCliente}" update="botonEliminar" />
					</h:form>
				</p:panel>
			</div>
	</div>
	
	</div> 
	<br/>
	</h:body>
</html>